<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="play" uri="/WEB-INF/couponplay.tld" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
	<c:set var="radius">
		<c:if test="${(status.index) % 2 eq 0}">border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0</c:if>
		<c:if test="${(status.index) % 2 ne 0}">border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px</c:if>
	</c:set>
	<c:set var="top">
		<c:if test="${(status.index) % 2 eq 0}">0</c:if>
		<c:if test="${(status.index) % 2 ne 0}">90</c:if>
	</c:set>
	<div class="deal_typeD_sub" style="padding:1px;${radius};">
		<div style="position:relative;width:308px; height:110px; overflow:hidden;${radius};">
		    <div style="position:absolute; top:0px; left:-7px; z-index:1;"><a href="javascript:goDeal('${deal.id}', '${deal.providerCode}', '${deal.metaId}');"><img src="${deal.imageUrl}" width="320" height="162"/></a></div>
		    <div class="fil8" style="width:308px;height:20px;position:absolute; top:${top}px; left:0px; z-index:4;padding-left:10px;background:#000;"></div>
		    <div style="position:absolute; top:${top+2}px; left:0px; z-index:5;padding-left:10px;">
		    	<a href="javascript:goDeal('${deal.id}', '${deal.providerCode}', '${deal.metaId}');">
		    	<span style="color:#fff;font-weight:bold;">${deal.title} / </span>
		    	<span style="color:red;">${deal.salesPrice}원</span>
		    	</a>
		    </div>
		</div>
	</div>